<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
/*		标签选择器*/
		p{
			color: blue;
/*			设置字体颜色*/
		}
		h1{
			background-color: pink;
		}
/*		div{
			width: 300px;
			height: 300px;
			background-color: orange;

		}*/
/*		类选择器  class*/
		.duan{
			width: 300px;
			height: 300px;
			background-color: orange;
		}
		.xiong{
			width: 100px;
			height: 100px;
			background-color: skyblue;

		}
/*		id 选择器同一个id 同一个id 一个页面只能有一个*/
		#nie{
			text-align: center;
/*			文本在容器内的水平对齐方式*/
/*			left right center*/
		}

		#ni{
			text-align: right;
		}

	</style>
</head>
<body>


	<h1>步惊云</h1>
	<p id="nie">聂风</p>
	<p id="ni">泥菩萨</p>
	<!-- 不能重名 id 是唯一的 -->
	<p></p>


	<!-- 类名 可以多次使用 -->
	<div class="duan">断浪</div>
	<h1 class="duan"></h1>

	<div class="xiong">雄霸</div>



</body>
</html>